<template>
  <div class="mine subpage">
    <my-head title="个人中心" :mine="true" :back="false"> </my-head>
    <div class="mine-top">
      <img class="img" src="../../../dist/img/404.1f22352d.gif" alt="">
      <div v-if="userInfo">  
        <h2>{{ userInfo.username }}--{{userInfo.phone}}</h2>
      </div>
      <div v-else @click="gotopage('login')">  
        <h2>立即登录</h2>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.mine {
  &-top {
    text-align: center;
    margin-top: -44px;
    height: 200px;
    padding-left: 22px;
    padding-top: 64px;
    background: url(https://assets.maizuo.com/h5/v5/public/app/img/bg.a5bdd690.png);
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 22px;
    .img{
      width: 65px;
      height: 65px;
      border-radius: 50%;
      margin-right: 10px;
      border:3px solid #fda;
    }
  }
}
</style>